
<div id="xxx" class="fluent-year" b-bgn9u4guxz="">
  <div b-bgn9u4guxz="">
    <div class="title" part="title" aria-label="1 - 12" b-bgn9u4guxz="">
      <div part="label" class="label" role="button" tabindex="0" blazor:onclick="1" blazor:onkeydown="2" b-bgn9u4guxz="">1 - 12</div>
      <div part="move" class="change-period" b-bgn9u4guxz="">
        <div class="previous" disabled="" b-bgn9u4guxz=""></div>
        <div class="next" title="13 - 24" blazor:onclick="3" role="button" tabindex="0" blazor:onkeydown="4" b-bgn9u4guxz="">
          <svg width="24" height="24" viewBox="0 0 24 24" fill="var(--neutral-fill-strong-focus)" xmlns="http://www.w3.org/2000/svg">
            <path d="M19.8 13.27a.75.75 0 00-1.1-1.04l-5.95 6.25V3.75a.75.75 0 10-1.5 0v14.73L5.3 12.23a.75.75 0 10-1.1 1.04l7.08 7.42a1 1 0 001.44 0l7.07-7.42z"></path>
          </svg>
        </div>
      </div>
    </div>
    <div class="years" part="years" b-bgn9u4guxz="">
      <div class="year" selected="" aria-label="1" title="1" value="0001" tabindex="0" blazor:onkeydown="5" blazor:onclick="6" b-bgn9u4guxz="">1</div>
      <div class="year" aria-label="2" title="2" value="0002" tabindex="0" blazor:onkeydown="7" blazor:onclick="8" b-bgn9u4guxz="">2</div>
      <div class="year" aria-label="3" title="3" value="0003" tabindex="0" blazor:onkeydown="9" blazor:onclick="10" b-bgn9u4guxz="">3</div>
      <div class="year" aria-label="4" title="4" value="0004" tabindex="0" blazor:onkeydown="11" blazor:onclick="12" b-bgn9u4guxz="">4</div>
      <div class="year" aria-label="5" title="5" value="0005" tabindex="0" blazor:onkeydown="13" blazor:onclick="14" b-bgn9u4guxz="">5</div>
      <div class="year" aria-label="6" title="6" value="0006" tabindex="0" blazor:onkeydown="15" blazor:onclick="16" b-bgn9u4guxz="">6</div>
      <div class="year" aria-label="7" title="7" value="0007" tabindex="0" blazor:onkeydown="17" blazor:onclick="18" b-bgn9u4guxz="">7</div>
      <div class="year" aria-label="8" title="8" value="0008" tabindex="0" blazor:onkeydown="19" blazor:onclick="20" b-bgn9u4guxz="">8</div>
      <div class="year" aria-label="9" title="9" value="0009" tabindex="0" blazor:onkeydown="21" blazor:onclick="22" b-bgn9u4guxz="">9</div>
      <div class="year" aria-label="10" title="10" value="0010" tabindex="0" blazor:onkeydown="23" blazor:onclick="24" b-bgn9u4guxz="">10</div>
      <div class="year" aria-label="11" title="11" value="0011" tabindex="0" blazor:onkeydown="25" blazor:onclick="26" b-bgn9u4guxz="">11</div>
      <div class="year" aria-label="12" title="12" value="0012" tabindex="0" blazor:onkeydown="27" blazor:onclick="28" b-bgn9u4guxz="">12</div>
    </div>
  </div>
</div>